<html>
<head>
<%@ include file="../includes/comun.jsp"%>
<script src="<%=request.getContextPath() %>/js/utiles.js" language="javascript"></script>
<script type="text/javascript">
		$(document).ready(function () {	
			mostrarOpciones();
		});
		
		/**
		 * Metodo que realiza la busqueda de los clientes.
		 */
		function buscarClientes_old(){
			if(!validarFiltros()){
				alert("Debe ingresar al menos un filtro de busqueda.");
				return;
			}
			var query = $("#form1").serialize();
			var accion = "operacion.do?method=buscarClientes";
			$.ajax(
				{
					type:'POST',
					url:accion,
					data: query,
					success: function(text){mostrarResultado(text);}
				}
			);
		}
		
		function buscarClientes(){
			if(!validarFiltros()){
				alert("Debe ingresar al menos un filtro de busqueda.");
				return;
			}
			$('#btnBuscar').attr('disabled','disabled');
			var query = $("#form1").serialize();
			var accion = "operacion.do?method=buscarClientes";
			$.ajax(
				{
					type:'POST',
					url:accion,
					data: query,
					success: function(text){
						if(text == "-1"){
							alert("Ocurrio un error en la busqueda.");
							return;
						}
						if($.trim(text)==""){
							alert("No se encontraron registros.");
							return;
						}						
						$('#divListado').html(text);
						$('#btnBuscar').removeAttr('disabled');
					}
				}
			);
		}
		
		function buscarCuentaCliente_old(tipoDocumento,numeroDocumento){
			mostrarDialogo();
			var accion = "operacion.do?method=buscarCuentaClienteAvanzada";
			var query = "&selTipoDocumento="+tipoDocumento+"&txtNumDoc="+numeroDocumento;
			//open_popup_ventana(accion+query,600,600);
			var f = document.form1;
			f.action = accion+query;
			f.target = "detalleCuentas"; 
			f.submit();
			
			
		}
		
		function buscarCuentaCliente(tipoDocumento,numeroDocumento,numeroCliente){
			var accion = "operacion.do?method=buscarCuentaClienteAvanzada";
			var query = "selTipoDocumento="+tipoDocumento+"&txtNumDoc="+numeroDocumento+"&numeroCliente="+numeroCliente;
			

			$.ajax(
				{
					type:'POST',
					url:accion,
					data: query,
					success: function(text){
						if(text == "-1"){
							alert("Ocurrio un error en la busqueda.");
							return;
						}
						if($.trim(text)==""){
							alert("No se encontraron registros.");
							return;
						}
						//$('#tablaDetalle').html(text);
						$('#detalleCuentas').html(text);
						mostrarDialogo();
					}
				}
			);
			
		}
		
		function buscarTarjetasContrato(codigoContrato){
			var accion = "operacion.do?method=obtenerTarjetasContrato";
			var query = "codigoContrato="+codigoContrato;

			$.ajax(
				{
					type:'POST',
					url:accion,
					data: query,
					success: function(text){
						if(text == "-1"){
							alert("Ocurrio un error en la busqueda.");
							return;
						}
						if($.trim(text)==""){
							alert("No se encontraron registros.");
							return;
						}
						$('#detalleTarjetas').html(text);
						mostrarDialogoTarjetas();
					}
				}
			);
			
		}
		
		/**
		 * Funcion que realiza el submit para mostrar los resultados en la tabla.
		 */
		function mostrarResultado(resultado){
			if(resultado == '0'){
				alert("No se encontraron registros.");				
			}else{
				var accion = "operacion.do?method=cargarResultadoBusquedaAvanzada";
				form1.action= accion;
				form1.submit();
			}
			
		}
		
		function mostrarDialogo(){
			$( "#detalleCuentas" ).dialog({
				resizable: false,
				width : 750,				
				title : "Cuentas Cliente",
				modal: true,
				buttons: {
					"Retornar": function() {
						$(this).dialog( "close" );
					}
				}
			});
		}
		
		function mostrarDialogoTarjetas(){ 
			
			$( "#detalleTarjetas" ).dialog({
				resizable: false,
				width : 700,
				
				title : "Tarjetas Contrato",
				modal: true,
				buttons: {
					"Retornar": function() {
						$(this).dialog( "close" );
					}
				}
			});
		}
		
		/**
		 * Metodo que valida el ingreso de al menos un filtro de busqueda.
		 * @return confirmacion si se ingreso al menos un filtro.
		 */
		function validarFiltros(){
			var txtApellidoPaterno = obtenerParametro($('#txtApellidoPaterno').val());
			var txtApellidoMaterno = obtenerParametro($('#txtApellidoMaterno').val());
			var txtNombre = obtenerParametro($('#txtNombre').val());
			var txtRazon = obtenerParametro($('#txtRazonSocial').val());			
			var selTipoPersonal = obtenerParametro($('#selTipoPersonal').val());
			
			if(txtApellidoPaterno ==null && txtApellidoMaterno == null && txtNombre ==null && txtRazon==null){
				
					return false;
			}
			return true;
		}
		
		/**
		 * Metodo que retorna nulo si el parametro es nulo o contiene espacios en blanco.
		 * @param parametro contine la cadena aevaluarse.
		 * @return la cadena correcta despues de la evaluacion.
		 */
		function obtenerParametro(parametro){
			if(parametro == null || $.trim(parametro).length==0){
				return null;
			}
			return parametro;
		}
		
		function seleccionarRegistro(identificadorRegistro){
			opener.seleccionarRegistro(identificadorRegistro);
			window.close();
		}
		
		function mostrarOpciones(){
			if($("#selTipoPersonal").val()==1){
				$("#filaPersNatural").show();
				$("#filaPersJuridica").hide();
			}else if($("#selTipoPersonal").val()==2){
				$("#filaPersJuridica").show();
				$("#filaPersNatural").hide();
			}else{
				$("#filaPersJuridica").hide();
				$("#filaPersNatural").hide();
			}
		}
		
		function seleccionarRegistro(tipo,identificadorRegistro){
			opener.seleccionarRegistro(tipo,identificadorRegistro);
			window.close();
		}
		
		
		
		
		function obtenerTarjeta(entidad,oficina,servicio,numero,secuenciaIntervencion,codigoCalidad){
			var action = "operacion.do?method=obtenerTarjetasContrato"
			+'&entidadCuenta='+entidad+'&oficinaCuenta='+oficina+'&tipoCuenta='+servicio+'&numeroCuenta='+numero
			+"&secuenciaIntervencion="+secuenciaIntervencion+"&codigoCalidad="+codigoCalidad;
			$.ajax(
				{
					type:'POST',
					url:action,
					data: $('#formulario').serialize(),
					success: function(text){
						$('#divTarjetas').html(text);						
					}				
				}
			);
			
		}
		
		function seleccionaCuenta(entidad,oficina,tipo,numeroCuenta){
			opener.seleccionarCuentaBusquedaAvanzada(entidad,oficina,tipo,numeroCuenta);
			window.close();
		}
		function seleccionaTarjeta(numeroBin,numeroTarjeta){			
			opener.seleccionarTarjetaBusquedaAvanzada(numeroBin,numeroTarjeta);
			window.close();
		}
		
		
</script>

</head>
<body>
<form name="form1" id="form1" method="post">
<table width="100%" align="center">
	<tr>
		<td valign="top">
			<div id="maestro">
				<table width="100%">
					<tr>
						<td colspan="6" class="cuadrotitle">B&uacute;squeda Avanzada</td>
					</tr>
				</table>					
				<table align="center" class="tblFormulario" width="100%">
					
					<tr >
						
						<td class="etiqueta" >Nombre:</td>
						<td><input type="text" name="txtNombre" id="txtNombre" class="" /></td>
						<td class="etiqueta" style="width: 150px!important" >Apellido Paterno:</td>
						<td><input type="text" name="txtApellidoPaterno" id="txtApellidoPaterno" class="" /></td>
						<td class="etiqueta" style="width: 150px!important">Apellido Materno:</td>
						<td><input type="text" name="txtApellidoMaterno" id="txtApellidoMaterno" class="" /></td>
						
					</tr>
					<tr >
						
						<td class="etiqueta" >Raz&oacute;n Social:</td>
						<td colspan="5"><input type="text" name="txtRazonSocial" id="txtRazonSocial" style="width: 400px;" class="" /></td>
						

					</tr>
				</table>
			</div>
		</td>
	</tr>
	<tr>
		<td align="center">
			<div id="botonera">
				<input type="button" value="Buscar" onClick="javascript:buscarClientes();" class="boton"/>
				<input type="button" value="Retornar" onClick="javascript:window.close();" class="boton"/>
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="detalle">
				
				<table width="100%">
					<tr>
						<td>							
								<div id="divListado"></div>
					   </td>
					</tr>
				</table>
			</div>
	  </td>
	</tr>
</table>
</form>

<div id="detalleCuentas">
</div>

</body>
</html>